﻿/**
 * 排污许可企业图表选项卡，包含以下功能：
 * 1、地图上全省排污许可企业按区域、行业、监管类型划分，渲染柱状图
 * 2、包含的数据：
 * 1）charts：柱状图表实例化对象
 * 2）chartsData：柱状图所需的JSON数据
 */
var ECard = {

	/**
	 * 实例化图表对象
	 */
	charts: {
		enterpriseAreaTab:null,
		enterpriseTradeTab:null,
		enterpriseControlTab:null
	},
	
	/**
	 * 图表JSON数据
	 */
	chartsData: {
		enterpriseAreaTab: {
			title: '区域排污许可企业汇总',
			legend: ['企业数量'],
			xAxis: ['南宁','柳州','桂林','梧州','北海','防城港','钦州','贵港','玉林','百色','贺州','河池','来宾','崇左'],
			series: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3, 7.4, 9.3]
		},
		enterpriseTradeTab: {
			title: '行业排污许可企业汇总',
			legend: ['企业数量'],
			xAxis: ['采矿业','制造业','电力','建筑业','交通运输','餐饮','金融','房地产','教育','服务','信息','科学研究','农业','牧业'],
			series: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3, 7.4, 9.3]
		},
		enterpriseControlTab: {
			title: '监管类型排污许可企业汇总',
			legend: ['企业数量'],
			xAxis: ['全部','国控','省控','市控'],
			series: [22.0, 4.9, 7.0, 23.2]
		}
	},
	
	/**
	 * 初始化图表
	 */
	initChart: function(divId) {
		var myChart = echarts.init(document.getElementById(divId)); 
		ECard[''+divId] = myChart;
		return myChart;
	},
	
	/**
	 * 获取图表
	 */
	getChart: function(divId) {
		return ECard[''+divId];
	},
		
	/**
	 * 加载数据并赋值给chartsData
	 */
	loadJsonData: function() {
        ajaxProcess({
            url : '/pls/gis/licence/warning',
            requestType : 'POST',
            data : {
            	expireTime : expireTime
            },
            successHandle : function(res) {
            	//console.log(res);
            	
            	if(ECard.getChart('enterpriseAreaTab')==null) {
    				ECard.initChart(divId);
    			} 
            	ECard.chartsData['enterpriseTradeTab'] = res;
            	ECard.chartsData['enterpriseControlTab'] = res;
            	ECard.renderTab();
            }
        });
    },
	
	/**
	 * 重新渲染标签页
	 */
	renderTab:function(data){
		ECard._onTabToggle();
		ECard._onTabShown();
	},
	
	/**
	 * 显示、隐藏排污许可企业信息汇总标签页面板
	 */
	_onTabToggle: function(){
		//enterpriseTipsDiv
		$("#enterpriseTipsUl").click(function(){
			$("#enterpriseTabDiv").fadeToggle("slow");
			$('#enterpriseTabUl a:first').tab('show');
			
			if(ECard.getChart('enterpriseAreaTab')==null) {
				ECard.initChart('enterpriseAreaTab');
				ECard.createBar('enterpriseAreaTab', ECard.chartsData['enterpriseAreaTab']);
			} 
		});
	},
	
	/**
	 * 标签页显示时触发渲染柱状图，放在
	 */
	_onTabShown:function(){
		$('#enterpriseTabUl>li>a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
			// 获取已激活的标签页的名称
			var activeTab = $(e.target).text(); 
			// 获取前一个激活的标签页的名称
			var previousTab = $(e.relatedTarget).text();
			var divId = $(e.target).attr('href').substring(1);
			//未激活页签时图表未创建，激活tab页签时实例化图表，防止dom多次实例化已存在的对象
			if(ECard.getChart(divId)==null) {
				ECard.initChart(divId);
			} 
			ECard.createBar(divId, ECard.chartsData[divId]);
		});
	},
	
	 /** 
     * 添加柱状图 
     */  
	createBar: function(divId, data) {
	    // 基于准备好的dom，初始化echarts图表
        var myChart = ECard.getChart(divId); 
        
        var option = {
    	    title : {
    	        text: data.title,
    	        textStyle:{
    	            fontSize: 14,
    	            fontWeight: 'bolder',
    	            color: '#333'
    	        }    
    	    },
    	    tooltip : {
    	        trigger: 'axis',
    	        backgroundColor: '#fff',
    	        textStyle:{ color:'#333' }
    	    },
    	    legend: {
    	    	x:'right',
    	        data:data.legend
    	    },

    	    calculable : true,
    	    xAxis : [
    	        {
    	            type : 'category',
    	            data : data.xAxis
    	        }
    	    ],
    	    yAxis : [
    	        {
    	            type : 'value'
    	        }
    	    ],
    	    series : [
    	        {
    	            name:data.legend[0],
    	            type:'bar',
    	            itemStyle: {
    	                normal: {
    	                	color:'#3385ff'
    	                }
    	            },
    	            data:data.series,
    	            markPoint : {
    	                data : [
    	                    {type : 'max', name: '最大值'},
    	                    {type : 'min', name: '最小值'}
    	                ]
    	            },
    	            markLine : {
    	                data : [
    	                    {type : 'average', name: '平均值'}
    	                ]
    	            }
    	        }
    	    ]
    	};

        // 为echarts对象加载数据 
        myChart.setOption(option); 
	}
};

/**
 * 排口图表选项卡，包含以下功能：
 * 1、地图上全省排污许可企业按区域、行业、排污类型划分，渲染柱状图
 * 2、包含的数据：
 * 1）charts：柱状图表实例化对象
 * 2）chartsData：柱状图所需的JSON数据
 */
var PCard = {

	/**
	 * 实例化图表对象
	 */
	charts: {
		pointAreaTab:null,
		pointTradeTab:null,
		pointTypeTab:null
	},
	
	/**
	 * 图表JSON数据
	 */
	chartsData: {
		pointAreaTab: {
			title: '区域排口汇总',
			legend: ['排口数量'],
			xAxis: ['南宁','柳州','桂林','梧州','北海','防城港','钦州','贵港','玉林','百色','贺州','河池','来宾','崇左'],
			series: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3, 7.4, 9.3]
		},
		pointTradeTab: {
			title: '行业排口汇总',
			legend: ['排口数量'],
			xAxis: ['采矿业','制造业','电力','建筑业','交通运输','餐饮','金融','房地产','教育','服务','信息','科学研究','农业','牧业'],
			series: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3, 7.4, 9.3]
		},
		pointTypeTab: {
			title: '排污类型排口汇总',
			legend: ['排口数量'],
			xAxis: ['全部','国控','省控','市控'],
			series: [22.0, 4.9, 7.0, 23.2]
		}
	},
	
	/**
	 * 初始化图表
	 */
	initChart: function(divId) {
		var myChart = echarts.init(document.getElementById(divId)); 
		PCard[''+divId] = myChart;
		return myChart;
	},
	
	/**
	 * 获取图表
	 */
	getChart: function(divId) {
		return PCard[''+divId];
	},
		
	/**
	 * 加载数据并赋值给chartsData
	 */
	loadJsonData: function() {
        ajaxProcess({
            url : '/pls/gis/licence/warning',
            requestType : 'POST',
            data : {
            	expireTime : expireTime
            },
            successHandle : function(res) {
            	//console.log(res);
            	
            	if(PCard.getChart('pointAreaTab')==null) {
            		PCard.initChart(divId);
    			} 
            	PCard.chartsData['pointTradeTab'] = res;
            	PCard.chartsData['pointTypeTab'] = res;
            	PCard.renderTab();
            }
        });
    },
	
	/**
	 * 重新渲染标签页
	 */
	renderTab:function(data){
		PCard._onTabToggle();
		PCard._onTabShown();
	},
	
	show: function() {
		$('#pointTabDiv').show();
	},
	
	hide: function() {
		$('#pointTabDiv').hide();
	},
	
	/**
	 * 显示、隐藏排污许可企业信息汇总标签页面板
	 */
	_onTabToggle: function(){
		//pointTipsDiv
		$("#pointTipsUl").click(function(){
			$("#pointTabDiv").fadeToggle("slow");
			$('#pointTabUl a:first').tab('show');
			if(PCard.getChart('pointAreaTab')==null) {
				PCard.initChart('pointAreaTab');
				PCard.createBar('pointAreaTab', PCard.chartsData['pointAreaTab']);
			} 
		});
	},
	
	/**
	 * 标签页显示时触发渲染柱状图，放在
	 */
	_onTabShown:function(){
		$('#pointTabUl>li>a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
			// 获取已激活的标签页的名称
			var activeTab = $(e.target).text(); 
			// 获取前一个激活的标签页的名称
			var previousTab = $(e.relatedTarget).text();
			var divId = $(e.target).attr('href').substring(1);
			//未激活页签时图表未创建，激活tab页签时实例化图表，防止dom多次实例化已存在的对象
			if(PCard.getChart(divId)==null) {
				PCard.initChart(divId);
			} 
			PCard.createBar(divId, PCard.chartsData[divId]);
		});
	},
	
	 /** 
     * 添加柱状图 
     */  
	createBar: function(divId, data) {
	    // 基于准备好的dom，初始化echarts图表
        var myChart = PCard.getChart(divId); 
        
        var option = {
    	    title : {
    	        text: data.title,
    	        textStyle:{
    	            fontSize: 14,
    	            fontWeight: 'bolder',
    	            color: '#333'
    	        }    
    	    },
    	    tooltip : {
    	        trigger: 'axis',
    	        backgroundColor: '#fff',
    	        textStyle:{ color:'#333' }
    	    },
    	    legend: {
    	    	x:'right',
    	        data:data.legend
    	    },

    	    calculable : true,
    	    xAxis : [
    	        {
    	            type : 'category',
    	            data : data.xAxis
    	        }
    	    ],
    	    yAxis : [
    	        {
    	            type : 'value'
    	        }
    	    ],
    	    series : [
    	        {
    	            name:data.legend[0],
    	            type:'bar',
    	            itemStyle: {
    	                normal: {
    	                	color:'#3385ff'
    	                }
    	            },
    	            data:data.series,
    	            markPoint : {
    	                data : [
    	                    {type : 'max', name: '最大值'},
    	                    {type : 'min', name: '最小值'}
    	                ]
    	            },
    	            markLine : {
    	                data : [
    	                    {type : 'average', name: '平均值'}
    	                ]
    	            }
    	        }
    	    ]
    	};

        // 为echarts对象加载数据 
        myChart.setOption(option); 
	}
};

/**
 * 排口详情图表选项卡，包含以下功能：
 * 1、地图上选择排口，查看该排口基本信息、排放标准、监测数据：各污染物最近24小时以线显示
 * 2、包含的数据：
 * 1）charts：柱状图表实例化对象
 * 2）chartsData：柱状图所需的JSON数据
 */
var PDCard = {

	/**
	 * 实例化图表对象
	 */
	charts: {
		pointDetailBaseTab:null,
		pointDetailStandardTab:null,
		pointDetailRealDataTab:null
	},
	
	/**
	 * 图表JSON数据
	 */
	chartsData: {
		pointDetailBaseTab: {
			pointcode:'',
			pointname:'',
			pollutesName:''
		},
		pointDetailStandardTab: {
			pointcode:'',
			rows: []
		},
		pointDetailRealDataTab: {
			rows:[],
			title: '最近24小时数据趋势',
			legend: [],
			xAxis: [],
			series: []
		},
		
		resetData: function(){
			PDCard.chartsData.pointDetailBaseTab={
				pointcode:'',
				pointname:'',
				pollutesName:''
			};
			PDCard.chartsData.pointDetailStandardTab={
				pointcode:'',
				rows: []
			};
		}
	},
	
	/**
	 * 初始化图表
	 */
	initChart: function(divId) {
		var myChart = echarts.init(document.getElementById(divId)); 
		PDCard[''+divId] = myChart;
		return myChart;
	},
	
	/**
	 * 获取图表
	 */
	getChart: function(divId) {
		return PDCard[''+divId];
	},
		
	/**
	 * 加载数据并赋值给chartsData
	 * 1、基本信息、排放标准
	 * 2、实时数据
	 */
	loadJsonData: function(param) {
		var _url = param.pointType=='air'?
				'/pls/gis/point/airpointcode':
				'/pls/gis/point/waterpointcode';
		ajaxProcess({
            url : _url,
            requestType : 'POST',
            data : {
            	pointcode: param.pointcode
            },
            successHandle : function(res) {
            	//console.log(res);
            	var pollutesName = "";
        		if(res.rows && res.rows.length>0) {
        			var data = res.rows[0]; 
        			PDCard.chartsData['pointDetailBaseTab'] = data;
        			if(data.listPollutename.length && data.listPollutename.length>0){
        				PDCard.chartsData['pointDetailStandardTab']['rows'] = data.listPollutename;
        				for(var i=0; i< data.listPollutename.length; i++) {
        					pollutesName += data.listPollutename[i].pollutename + ",";
        				}
        			}
        		}else {
        			PDCard.chartsData.resetData();
        		}
        		PDCard.chartsData['pointDetailStandardTab']['pointcode'] = param.pointcode;
        		PDCard.chartsData['pointDetailBaseTab']['pointcode'] = param.pointcode;
        		PDCard.chartsData['pointDetailBaseTab']['pointname'] = param.pointname;
        		PDCard.chartsData['pointDetailBaseTab']['pollutesName'] = pollutesName;
        		
            	PDCard.renderBaseTab(PDCard.chartsData['pointDetailBaseTab']);
        		PDCard.renderStandardTab(PDCard.chartsData['pointDetailStandardTab']);
        		PDCard.showTab();
            }
        });
		
		ajaxProcess({
            url : '/pls/gis/point/twentyFour',
            requestType : 'POST',
            data : {
            	pointcode: param.pointcode,
            	currenttime: '2018-1-14 12:51:00',
            	pointType: 'air'
            },
            successHandle : function(res) {
            	console.log(res);
            	if(res.rows && res.rows.length>0) {
            		var data = res.rows;
            		PDCard.chartsData['pointDetailRealDataTab']['rows'] = data;
            		for(var i=0; i<data.length; i++) {
            			PDCard.chartsData['pointDetailRealDataTab']['legend'].push(data[i].pointname);
            			var serie = {
            	            name: data[i].pointname,
            	            type: 'line',
            	            data: [],
            	            markPoint : {
            	                data : [
            	                    {type : 'max', name: '最大值'},
            	                    {type : 'min', name: '最小值'}
            	                ]
            	            },
            	            markLine : {
            	                data : [
            	                    {type : 'average', name: '平均值'}
            	                ]
            	            }
            	        };
            			var len = data[i].listConcentration.length;
            			if(len>0) {
            				for(var j=0; j<data[i].listConcentration.length; j++) {
            					serie.data.push(data[i].listConcentration[j].concentration);
            					if(PDCard.chartsData['pointDetailRealDataTab']['xAxis'].length<data[i].listConcentration.length) {
            						PDCard.chartsData['pointDetailRealDataTab']['xAxis'].push(data[i].listConcentration[j].currentTime);
            					}
            				}
            				data[i]['currentData'] = data[i].listConcentration[len-1].concentration;
            			}
            			PDCard.chartsData['pointDetailRealDataTab']['series'].push(serie);
            		}
            	}
        		PDCard.renderRealDataTab(PDCard.chartsData['pointDetailRealDataTab']);
            }
        });
    },
	
	/**
	 * 重新渲染标签页
	 */
	renderTab:function(data){
		PDCard._onTabToggle();
		PDCard._onTabShown();
		PDCard.loadJsonData(data);
	},
	
	showTab:function() {
		$("#pointDetailTabDiv").fadeIn("slow");
		$('#pointDetailTab a:first').tab('show');
	},
	
	hide: function() {
		$('#pointDetailTabDiv').hide();
	},
	
	/**
	 * 显示、隐藏排污许可企业信息汇总标签页面板
	 */
	_onTabToggle: function(){
		//pointDetailTipsDiv
		$("#pointDetailTipsUl").click(function(){
			$("#pointDetailTabDiv").fadeToggle("slow");
			$('#pointDetailTab a:first').tab('show');
		});
	},
	
	/**
	 * 标签页显示时触发渲染柱状图，放在
	 */
	_onTabShown:function(){
		$('#pointDetailTab>li>a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
			// 获取已激活的标签页的名称
			var activeTab = $(e.target).text(); 
			// 获取前一个激活的标签页的名称
			var previousTab = $(e.relatedTarget).text();
			var divId = $(e.target).attr('href').substring(1);
			//未激活页签时图表未创建，激活tab页签时实例化图表，防止dom多次实例化已存在的对象
			/*if(PDCard.getChart(divId)==null) {
				PDCard.initChart(divId);
			} 
			PDCard.createBar(divId, PDCard.chartsData[divId]);*/
		});
	},
	
	/**
	 * 基本信息
	 */
	renderBaseTab: function(data) {
		$('#pointHead').html(data.pointname + "：" + data.pointcode);
		AMapUI.loadUI(['misc/MarkerList'], function(MarkerList) {
			var table = '<table class="table">'+
							'<tr><td>污染物种类：</td><td>'+'<%- data.pollutesName %>'+'</td></tr>'+
							'<tr><td>排放口地理坐标：</td><td>'+'<%- data.longitude %>/'+'<%- data.latitude %>'+'</td></tr>'+
							'<tr><td>生产设施名称：</td><td>'+'<%- data.pname %>'+'</td></tr>'+
							'<tr><td>排放形式：</td><td>'+'<%- data.eform %>'+'</td></tr>'+
							'<tr><td>排放口类型：</td><td>'+'<%- data.pointtype %>'+'</td></tr>'+
							'<tr><td>排气筒高度：</td><td>'+'<%- data.outpointheight %>'+'</td></tr>'+
							'<tr><td>排气筒出口内径：</td><td>'+'<%- data.pfknj %>'+'</td></tr>'+
							'<tr><td>所属企业：</td><td>'+'<%- data.entername %>'+'</td></tr>'+
						'</table>';
			var html = MarkerList.utils.template(table, {data: data});
			$("#pointDetailBaseTab").html("").html(html); 
		});
	},
	
	/**
	 * 排放标准
	 */
	renderStandardTab: function(data) {
		AMapUI.loadUI(['misc/MarkerList'], function(MarkerList) {
			var table = '<table class="table">'+
							'<th>排口编号</th><th>污染物种类 </th><th>许可排放浓度限值(mg/L)</th>'+
							'<% for(var i=0;i < data.rows.length;i++) { %>'+  
								'<tr>'+
									'<td>'+'<%- data.pointcode %>'+'</td>'+
									'<td>'+'<%- data.rows[i].pollutename %>'+'</td>'+
									'<td>'+'<%- data.rows[i].convalueLimit %>'+'</td>'+
								'</tr>'+
							'<% } %>';
						'</table>';
			var html = MarkerList.utils.template(table, {data: data});
			$("#pointDetailStandardTab").html("").html(html); 
		});
	},
	
	/**
	 * 实时监测数据
	 */
	renderRealDataTab: function(data) {
		AMapUI.loadUI(['misc/MarkerList'], function(MarkerList) {
			var table = '<table class="table" style="margin-bottom: 0px;!important;">'+
							'<th>实时监测数据</th>'+
							'<% for(var i=0;i < data.rows.length;i++) { %>'+  
								'<tr>'+
									'<td>'+'<%- data.rows[i].polluteName %>'+'</td>'+
									'<td>'+'<%- data.rows[i].currentData %>'+'</td>'+
									'<td>'+'<%- data.rows[i].pollconUnit %>'+'</td>'+
								'</tr>'+
							'<% } %>'+
						'</table>'+
						'<table class="table" style="margin-bottom: 0px;!important;">'+
						'<th>最近24小时数据趋势</th>'+
						'</table>'+
						'<div id="pointDetail24HLine" class="panel-body" style="border-color: #fff;!important;width:380px;height:300px;;">'+
						'</div>';
			var html = MarkerList.utils.template(table, {data: data});
			$("#pointDetailRealDataTab").html("").html(html); 
			console.log($('#pointDetail24HLine').length);
			if(PDCard.getChart('pointDetail24HLine')==null) {
				PDCard.initChart('pointDetail24HLine');
			} 
			PDCard.createLine('pointDetail24HLine', PDCard.chartsData['pointDetailRealDataTab']);
		});
	},
	
	 /** 
     * 添加折线图 
     */  
	createLine: function(divId, data) {
	    // 基于准备好的dom，初始化echarts图表
        var myChart = PDCard.getChart(divId); 
        
        var option = {
    	    title : {
    	        text: data.title,
    	        show: false,
    	        textStyle:{
    	            fontSize: 14,
    	            fontWeight: 'bolder',
    	            color: '#333'
    	        }    
    	    },
    	    tooltip : {
    	        trigger: 'axis',
    	        backgroundColor: '#fff',
    	        textStyle:{ color:'#333' }
    	    },
    	    legend: {
    	    	x:'center',
    	    	y:'top',
    	        data:data.legend
    	    },

    	    calculable : true,
    	    xAxis : [
    	        {
    	            type : 'category',
    	            data : data.xAxis
    	        }
    	    ],
    	    yAxis : [
    	        {
    	            type : 'value'
    	        }
    	    ],
    	    series : data.series
    	};

        // 为echarts对象加载数据 
        myChart.setOption(option); 
	}
};

/**
 * 排放量图表选项卡，包含以下功能：
 * 1、地图上查看地市、区县、企业排放量：排名、占比等
 * 2、包含的数据：
 * 1）charts：柱状图表实例化对象
 * 2）chartsData：柱状图所需的JSON数据
 */
var EMCard = {

	/**
	 * 实例化图表对象
	 */
	charts: {
		cityTab:null,
		areaTab:null,
		enterpriseTab:null
	},
	
	/**
	 * 图表JSON数据
	 */
	chartsData: {
		cityTab: {
			rows:[]
		},
		areaTab: {
			rows: []
		},
		enterpriseTab: {
			rows:[]
		},
		
		resetData: function(){
			EMCard.chartsData.cityTab={
				rows: []
			};
			EMCard.chartsData.areaTab={
				rows: []
			};
		}
	},
	
	/**
	 * 加载数据并赋值给chartsData
	 * 1、基本信息、排放标准
	 * 2、实时数据
	 */
	loadJsonData: function(param) {
		var _url = '/pls/gis/point/waterpointcode';
		ajaxProcess({
            url : _url,
            requestType : 'POST',
            data : {
            	pointcode: param.pointcode
            },
            successHandle : function(res) {
            	//console.log(res);
            	var pollutesName = "";
        		if(res.rows && res.rows.length>0) {
        			var data = res.rows[0]; 
        			EMCard.chartsData['pointDetailBaseTab'] = data;
        			if(data.listPollutename.length && data.listPollutename.length>0){
        				EMCard.chartsData['pointDetailStandardTab']['rows'] = data.listPollutename;
        				for(var i=0; i< data.listPollutename.length; i++) {
        					pollutesName += data.listPollutename[i].pollutename + ",";
        				}
        			}
        		}else {
        			EMCard.chartsData.resetData();
        		}
        	
        		EMCard.renderBaseTab(PDCard.chartsData['pointDetailBaseTab']);
        		EMCard.renderStandardTab(PDCard.chartsData['pointDetailStandardTab']);
        		EMCard.showTab();
            }
        });
    },
	
	/**
	 * 重新渲染标签页
	 */
	renderTab:function(data){
		EMCard._onTabToggle();
		EMCard._onTabShown();
		EMCard.loadJsonData(data);
	},
	
	showTab:function() {
		$("#pointDetailTabDiv").fadeIn("slow");
		$('#pointDetailTab a:first').tab('show');
	},
	
	hide: function() {
		$('#pointDetailTabDiv').hide();
	},
	
	/**
	 * 显示、隐藏排污许可企业信息汇总标签页面板
	 */
	_onTabToggle: function(){
		//pointDetailTipsDiv
		$("#pointDetailTipsUl").click(function(){
			$("#pointDetailTabDiv").fadeToggle("slow");
			$('#pointDetailTab a:first').tab('show');
		});
	},
	
	/**
	 * 标签页显示时触发渲染柱状图，放在
	 */
	_onTabShown:function(){
		$('#pointDetailTab>li>a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
			// 获取已激活的标签页的名称
			var activeTab = $(e.target).text(); 
			// 获取前一个激活的标签页的名称
			var previousTab = $(e.relatedTarget).text();
			var divId = $(e.target).attr('href').substring(1);
			//未激活页签时图表未创建，激活tab页签时实例化图表，防止dom多次实例化已存在的对象
			/*if(PDCard.getChart(divId)==null) {
				PDCard.initChart(divId);
			} 
			PDCard.createBar(divId, PDCard.chartsData[divId]);*/
		});
	},
	
	/**
	 * 基本信息
	 */
	renderBaseTab: function(data) {
		$('#pointHead').html(data.pointname + "：" + data.pointcode);
		AMapUI.loadUI(['misc/MarkerList'], function(MarkerList) {
			var table = '<table class="table">'+
							'<tr><td>污染物种类：</td><td>'+'<%- data.pollutesName %>'+'</td></tr>'+
							'<tr><td>排放口地理坐标：</td><td>'+'<%- data.longitude %>/'+'<%- data.latitude %>'+'</td></tr>'+
							'<tr><td>生产设施名称：</td><td>'+'<%- data.pname %>'+'</td></tr>'+
							'<tr><td>排放形式：</td><td>'+'<%- data.eform %>'+'</td></tr>'+
							'<tr><td>排放口类型：</td><td>'+'<%- data.pointtype %>'+'</td></tr>'+
							'<tr><td>排气筒高度：</td><td>'+'<%- data.outpointheight %>'+'</td></tr>'+
							'<tr><td>排气筒出口内径：</td><td>'+'<%- data.pfknj %>'+'</td></tr>'+
							'<tr><td>所属企业：</td><td>'+'<%- data.entername %>'+'</td></tr>'+
						'</table>';
			var html = MarkerList.utils.template(table, {data: data});
			$("#pointDetailBaseTab").html("").html(html); 
		});
	},
	
	/**
	 * 排放标准
	 */
	renderStandardTab: function(data) {
		AMapUI.loadUI(['misc/MarkerList'], function(MarkerList) {
			var table = '<table class="table">'+
							'<th>排口编号</th><th>污染物种类 </th><th>许可排放浓度限值(mg/L)</th>'+
							'<% for(var i=0;i < data.rows.length;i++) { %>'+  
								'<tr>'+
									'<td>'+'<%- data.pointcode %>'+'</td>'+
									'<td>'+'<%- data.rows[i].pollutename %>'+'</td>'+
									'<td>'+'<%- data.rows[i].convalueLimit %>'+'</td>'+
								'</tr>'+
							'<% } %>';
						'</table>';
			var html = MarkerList.utils.template(table, {data: data});
			$("#pointDetailStandardTab").html("").html(html); 
		});
	},
	
	/**
	 * 实时监测数据
	 */
	renderRealDataTab: function(data) {
		AMapUI.loadUI(['misc/MarkerList'], function(MarkerList) {
			var table = '<table class="table" style="margin-bottom: 0px;!important;">'+
							'<th>实时监测数据</th>'+
							'<% for(var i=0;i < data.rows.length;i++) { %>'+  
								'<tr>'+
									'<td>'+'<%- data.rows[i].polluteName %>'+'</td>'+
									'<td>'+'<%- data.rows[i].currentData %>'+'</td>'+
									'<td>'+'<%- data.rows[i].pollconUnit %>'+'</td>'+
								'</tr>'+
							'<% } %>'+
						'</table>';
			var html = MarkerList.utils.template(table, {data: data});
			$("#pointDetailRealDataTab").html("").html(html); 
			console.log($('#pointDetail24HLine').length);
		});
	}
};